$colors: (
  primary: #66D5FF,
  secondary: #32db64,
  danger: #f53d3d,
  light: #f4f4f4,
  dark: #222,
  background: #fff
);

$text-colors: (
  content: #333333,
  title: #666666, //rgba(0, 0, 0, 0.6)
  info: #999999, //rgba(0, 0, 0, 0.4)
  tip: #cccccc,
  danger: #FF6060,
  primary: #5EC2FF
);

@mixin middle-center{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

$font-path: "../assets/fonts";

$app-direction: ltr;

@import "ionic.globals";

$g-content-bg: #fafafa;
$g-text-color-normal: #656565;

$tabs-background: #fff;

$tabs-md-tab-font-size:1.1rem;
$tabs-md-tab-font-size-active:1.1rem;
$tabs-md-tab-icon-transform-y-active:0;
$tabs-md-tab-icon-size:2rem;
$tabs-md-tab-text-color:rgba(0,0,0,0.2);
$tabs-md-tab-min-height:5.3rem;

$toolbar-md-height: 46px;
$toolbar-md-title-font-size:1.6rem;
$toolbar-md-title-text-color:rgba(0,0,0,0.8);
$toolbar-background: color($colors, background);

$background-md-color: $g-content-bg;
$background-ios-color: $g-content-bg;

$content-padding: 20px;

$item-ios-detail-push-show: true;
$item-md-detail-push-show: true;
$item-ios-detail-push-color: $g-text-color-normal;
$item-md-detail-push-color: $g-text-color-normal;

$toast-max-width: 80%;
$toast-md-background: #eee;
$toast-md-title-color: #141414;
$toast-md-title-padding-top: 10px;
$toast-md-title-padding-end: 20px;
$toast-md-title-padding-bottom: 10px;
$toast-md-title-font-size: 12px;

$segment-button-md-border-bottom-width: 0;
$segment-button-md-opacity: 1;
$segment-button-md-font-size: 15px;

$loading-md-background:#fff;
//$backdrop-color: #fff;

//$alert-ios-background: #fff;
$alert-ios-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);

$radio-ios-color-on:map_get($text-colors,primary);
$radio-md-color-on:map_get($text-colors,primary);

$infinite-scroll-loading-margin-bottom:20px;
$infinite-scroll-loading-color:map_get($text-colors,info);
$infinite-scroll-loading-text-color:map_get($text-colors,info);

@import "ionic.theme.default";
@import "ionic.ionicons";
@import "roboto";
@import "noto-sans";
